// import {Fragment} from "react"
// JSX表达式必须是一个父元素
// Fragment 空标签

// function App() {
// return<Fragment>
//   <h1>123</h1>
// </Fragment>
// }

// JSX 中 渲染富文本
// 通过 dangerouslySetInnerHTML 属性进行富文本渲染
// const App=()=>{
//   let str = "<h1>123</h1><h1>123</h1>"
//   return <Fragment>
//     {/* 原原本本的打印出出<h1>123</h1> */}
//     {str} 
//     {/* 可以渲染出来 */}
//     <div dangerouslySetInnerHTML={{__html:str}}></div>
//   </Fragment>
// }

// 函数式组件
// 1、function App(){} 或者通过 const App=()=>{}
// 2、函数组件通常会返回一段JSX
// 3、组件吗通常情况下是大写的
// 4、return null 表示不渲染任何东西
// function App(){
//   // return <div>jsx</div>
//   return null
// }

// 类组件
// 1. es6 class 定义的,组件名必须大写
// 2. 继承 React.Component 或者 React.PureComponent
// 3. 类中，必须实现一个 render 方法，返回一段JSX
import React from 'react'
class App extends React.Component{
  render() {
    return (
      <div>这是一个类组件</div>
    )
  }
}
export default App;
